<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>四种样式表使用</title>
		<!--html部分-->
		<style>/*css注释方式*/
		/*css部分：选择器：抓取页面元素，元素增加效果
		    选择器{
			属性：属性值;
			属性：属性值;
		       }
		*/
	   p{
		   width: 200px;
		   height: 200px;
		   background:#8b47ff ;
	    }
	   </style>
	</head>
	<body>
		<!--内联样式表，叫做行内样式表 【开发不用：没用】
	      语法：前标记 style=“属性：属性值；属性：属性值；...”
		-->
		<div style="width:300px;height:300px; background:red;"></div>
		<!--内部样式表
		html部分:在head元素中，添加style元素
		css部分：在style元素中
		-->
		
		
		
	</body>
</html>